<!--
多媒体标签

视频
    - video
    - 仅支持三种格式：mp4、webm、ogg（存在兼容性问题，但mp4绝大部分都支持）

常用属性
    - autoplay  自动播放（注意：chrome、edge需要添加muted才能自动播放）
    - muted     静音播放
    - controls  播放控键
    - width     宽（宽高是等比例的，设置一个即可）
    - height    高
    - loop      循环播放
    - preload   预加载，取值：none、auto。（注意：若添加了autoplay，则此属性失效）
    - src       视频URL地址（相对、绝对）
    - poster    等待加载时的画面图片

使用方法
    - 使用1：
        <video src="视频路径" controls></video>

    - 使用2：解决兼容性（上到下依次解析，先识别先使用，只会用一次）
        <video controls>
            <source src="myvideo.mp4" type="video/mp4">
            <source src="myvideo.ogg" type="video/ogg">
            <source src="myvideo.webm" type="video/webm">
            您的浏览器不支持video标签！    // 这句话要加上
        </video>

注意
    1）controls在不同浏览器中样式是不同的（提示：统一样式，会在js那里会讲到）
    2）IE浏览器中，网页必须是标准、完整的html页面才能识别
        此页面只写了个video标签，那些骨架标签都没写


音频
    - audio
    - 支持三种格式：mp3、wav、ogg（存在兼容性问题，但mp3绝大部分都支持）
    - 用法：同video标签
    - 常用属性：autoplay、controls、loop、src...
    - chrome同样也是禁止了自动播放，css中暂时没有解决自动播放的方案，后面js有解决方案。
-->

<video controls autoplay muted loop width="400px" preload="auto">
  <source src="./resources/videos/城市夜景.mp4" type="video/mp4" />
</video>

<!-- <audio src="./resources/voices/罗曼蒂克.mp3" controls loop></audio> -->
